<extend name="public/base" />
<block name="content-header"></block>
<block name="main-content">
    <el-card class="box-card mb-4 w-50" :body-style="{'padding-top': '0'}">
        <!-- card-header -->
        <div slot="header" class="clearfix">
            <i class="el-icon-s-tools mr-1 h5 mb-0"></i>系统信息
        </div>
        <!-- card-body -->
        <el-table ref="multipleTable" :data="tableData" :show-header="false" stripe>
            <el-table-column prop="name" min-width="40">
            </el-table-column>
            <el-table-column prop="value" min-width="60">
            </el-table-column>
        </el-table>
    </el-card>
    <el-card class="box-card mb-4 w-25">
        <!-- card-header -->
        <div slot="header" class="clearfix">
            <i class="el-icon-edit mr-1 h5 mb-0"></i>作者
        </div>
        <!-- card-body -->
        <blockquote class="blockquote">
            <p>本项目作为练手之用，意在学习网站开发过程中遇到的各种技术，因此我会尽量多尝试一些有趣、有用的东西，故即使有些地方写的前后有些乱，又有怎么重要呢！</p>
            <footer class="blockquote-footer text-info">小严</footer>
        </blockquote>
    </el-card>
</block>
<block name="footer-script">
    {__block__}
    <script>
        new Vue({
            el: '#website',
            data() {
                return {
                    isCollapse: false,
                    tableData: {$sys_info}
                }
            }
        })
    </script>
</block>